<?php if (!defined('THINK_PATH')) exit(); /*a:5:{s:98:"/www/wwwroot/acy.sj-tea.cn/public/../application/admin/view/shopro/activity/activity/activity.html";i:1738904347;s:69:"/www/wwwroot/acy.sj-tea.cn/application/admin/view/layout/default.html";i:1725591948;s:66:"/www/wwwroot/acy.sj-tea.cn/application/admin/view/common/meta.html";i:1725591948;s:75:"/www/wwwroot/acy.sj-tea.cn/application/admin/view/shopro/common/script.html";i:1738904347;s:68:"/www/wwwroot/acy.sj-tea.cn/application/admin/view/common/script.html";i:1725591948;}*/ ?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
<title><?php echo (isset($title) && ($title !== '')?$title:''); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="referrer" content="never">
<meta name="robots" content="noindex, nofollow">

<link rel="shortcut icon" href="/assets/img/favicon.ico" />
<!-- Loading Bootstrap -->
<link href="/assets/css/backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">

<?php if(\think\Config::get('fastadmin.adminskin')): ?>
<link href="/assets/css/skins/<?php echo \think\Config::get('fastadmin.adminskin'); ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
<?php endif; ?>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
  <script src="/assets/js/html5shiv.js"></script>
  <script src="/assets/js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
    var require = {
        config:  <?php echo json_encode($config ?? ''); ?>
    };
</script>

    </head>

    <body class="inside-header inside-aside <?php echo defined('IS_DIALOG') && IS_DIALOG ? 'is-dialog' : ''; ?>">
        <div id="main" role="main">
            <div class="tab-content tab-addtabs">
                <div id="content">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <section class="content-header hide">
                                <h1>
                                    <?php echo __('Dashboard'); ?>
                                    <small><?php echo __('Control panel'); ?></small>
                                </h1>
                            </section>
                            <?php if(!IS_DIALOG && !\think\Config::get('fastadmin.multiplenav') && \think\Config::get('fastadmin.breadcrumb')): ?>
                            <!-- RIBBON -->
                            <div id="ribbon">
                                <ol class="breadcrumb pull-left">
                                    <?php if($auth->check('dashboard')): ?>
                                    <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> <?php echo __('Dashboard'); ?></a></li>
                                    <?php endif; ?>
                                </ol>
                                <ol class="breadcrumb pull-right">
                                    <?php foreach($breadcrumb as $vo): ?>
                                    <li><a href="javascript:;" data-url="<?php echo $vo['url']; ?>"><?php echo $vo['title']; ?></a></li>
                                    <?php endforeach; ?>
                                </ol>
                            </div>
                            <!-- END RIBBON -->
                            <?php endif; ?>
                            <div class="content">
                                <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2385137_b8qygb2jne.css?v=<?php echo htmlentities($site['version'] ?? ''); ?>">
<link rel="stylesheet" href="/assets/addons/shopro/css/index.css?v=<?php echo htmlentities($site['version'] ?? ''); ?>">
<?php if($DARK_TYPE != 'none'): ?>
<link rel="stylesheet" href="/assets/addons/shopro/css/dark.css?v=<?php echo htmlentities($site['version'] ?? ''); ?>" data-render="darktheme" />
<?php endif; ?>
<link rel="stylesheet" href="/assets/addons/shopro/libs/element-plus/index.css?v=<?php echo htmlentities($site['version'] ?? ''); ?>">

<script src="/assets/addons/shopro/libs/vue.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/libs/element-plus/index.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/libs/element-plus/zh-cn.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/libs/element-plus/icons-vue.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>

<script src="/assets/addons/shopro/libs/sortable.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/libs/vuedraggable.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>

<script src="/assets/addons/shopro/libs/common.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>

<script src="/assets/addons/shopro/libs/clipboard.min.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>

<script src="/assets/addons/shopro/components/sa-image.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/components/sa-uploader.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/components/sa-user-profile.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/components/sa-filter.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/components/sa-filter-condition.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
<script src="/assets/addons/shopro/components/sa-pagination.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>

<style>
    .activity-index .sa-main {
        --el-main-padding: 20px 40px;
    }

    .activity-index .title {
        line-height: 20px;
        font-size: 16px;
        color: var(--sa-title);
        margin-bottom: 12px;
    }

    .activity-index .activity-item {
        width: 250px;
        padding: 18px 20px;
        background: var(--sa-table-header-bg);
        border-radius: 4px;
        margin: 0 16px 16px 0;
        cursor: pointer;
    }

    .activity-index .activity-item:hover {
        transition: width height 0.5s;
        transform: scale(1.05);
    }

    .activity-index .left {
        width: 44px;
        height: 44px;
        background: var(--el-color-primary);
        border-radius: 4px;
        overflow: hidden;
        margin-right: 12px;
    }

    .activity-index .left img {
        width: 100%;
        height: 100%;
    }

    .activity-index .activity-title {
        line-height: 18px;
        font-size: 14px;
        font-weight: 600;
        color: var(--sa-subtitle);
        margin: 2px 0 6px;
    }

    .activity-index .activity-subtitle {
        line-height: 16px;
        font-size: 12px;
        color: var(--sa-subfont);
    }
</style>

<div id="index" class="activity-index panel panel-default panel-intro" v-cloak>
    <el-container class="panel-block">
        <el-header class="sa-header">
            <div class="sa-title sa-flex">
                <div class="sa-title-left">
                    <div class="left-name">营销活动</div>
                </div>
            </div>
        </el-header>
        <el-main class="sa-main">
            <template v-for="item in activityData">
                <div class="title">
                    {{item.title}}
                </div>
                <div class="sa-flex sa-flex-wrap">
                    <div class="activity-item sa-flex" v-for="(value,key) in item.children"
                        @click="onActivity(key,value.title)">
                        <div class="left">
                            <img :src="`/assets/addons/shopro/img/activity/${key}.png`" />
                        </div>
                        <div>
                            <div class="activity-title">{{value.title}}</div>
                            <div class="activity-subtitle">{{value.subtitle}}</div>
                        </div>
                    </div>
                </div>
            </template>
        </el-main>
    </el-container>
</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="/assets/js/require<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js" data-main="/assets/js/require-backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js?v=<?php echo htmlentities($site['version'] ?? ''); ?>"></script>
    </body>
</html>
